@import "@/styles/variables.scss";

.modulesTitle-container {
    height: 50px;
    padding: 0px $collection-x;
    border-bottom: 1px solid $border-color;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title-left {
        .title-content {
            font-size: $font-size-title;
            color: $main-color;
            padding-left: $block-img-text-x;
            border-left: 2px solid $main-color;
        }
    }

    .title-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;

        .other {
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .btn {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-left: $block-space-x;
        }
    }
}